<style lang="scss" scoped>
	.divider {
		width: 100%;
	}

</style>

<template>
	<view class="divider" :style="`height: ${height};background-color: ${color};margin: ${spacing} 0;`">
		<slot></slot>
	</view>
</template>

<script setup>
	const props = defineProps({
		height: {
			type: String,
			default: '1px'
		},
		color: {
			type: String,
			default: '#f1f1f1'
		},
		spacing: {
			type: String,
			default: '0px'
		},
	})

</script>
